<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <title>注册</title>

  <link rel="stylesheet" href="./styles/register.css">
  <link rel="stylesheet" href="./js/lib/bootstrap-4.6.2/css/bootstrap.min.css">
  <link rel="stylesheet" href="./styles/base.css">

  <script src="./js/lib/bootstrap-4.6.2/js/bootstrap.min.js"></script>
</head>

<body>
  <div class="login">
    <div class="top-info">
      <img src="./images/logo-hg.jpg" alt="">
      <div class="title">买账号选辉光~~~~~~~~</div>
    </div>
    <div class="login-container">
      <img class="login-left-img" src="./images/login-left-img.png" alt="">
      <div class="login-box">
        <div class="login-title">
          <div class="title">账号注册</div>
          <div class="bar"></div>
        </div>

        <form>
          <div class="form-group">
            <img src="./images/user-name.png" class="input-icon" alt="">
            <input type="text" class="form-control" placeholder="请输入手机号">
          </div>
          <div class="form-group code-group">
            <img src="./images/code.png" class="input-icon" alt="">
            <input type="text" class="form-control" placeholder="请输入验证码">
            <button class="send-code">发送验证码</button>
          </div>
          <div class="form-group">
            <img src="./images/password.png" class="input-icon" alt="">
            <input type="password" class="form-control" placeholder="请输入密码">
          </div>
          <div class="form-group">
            <img src="./images/password.png" class="input-icon" alt="">
            <input type="password" class="form-control" placeholder="请输入确认密码">
          </div>
          <div class="form-group form-check">
            <input type="checkbox" id="check">
            <label class="form-check-label" for="check">我已阅读并接受<a href="#">《用户协议》</a></label>
          </div>
          <div class="submit-btn">
            <button type="submit">注册</button>
          </div>
          <div class="link">已有账号，<a href="#">直接登录 ></a></div>
        </form>
      </div>
    </div>
        <!-- 底部声明 -->
        <div class="site-info">
          <div class="layout-1226">
            <!-- 声明文字 -->
            <div>
              <p>
                <a href="javaScript:;">关于我们</a>
                <span>|</span>
                <a href="javaScript:;">联系我们</a>
                <span>|</span>
                <a href="javaScript:;">隐私政策</a>
                <span>|</span>
                <a href="javaScript:;">政务协议</a>
                <span>|</span>
                <a href="javaScript:;">帮助中心</a>
              </p>
              <p>
                <a href="javaScript:;">备案号：xxxxxxxxxx</a>
                <a href="javaScript:;">公司名称：江苏辉光网络科技有限公司</a>
                <a href="javaScript:;">© 版权所有</a>
              </p>
            </div>
          </div>
        </div>
  </div>
</body>

</html>